/* ==========================================================================
   Modules - These styles are re-used in many areas, and are grouped by type.
   ========================================================================== */
/* ==========================================================================
   Global Styles
   ========================================================================== */
body {
  color: #777; }

a {
  color: #3068B5;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

@media (min-width: 1200px) {
  .container {
    width: 970px; } }
.ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

img.avatar16 {
  width: 16px;
  height: 16px;
}

/* ==========================================================================
   Navigation Styles
   ========================================================================== */
.openlab-navbar {
  border-top: solid 4px #E6EEF9;
  border-bottom: solid 4px #E6EEF9;
  line-height: 28px;
  background: #97BAE4; }
  .openlab-navbar .search-form {
    padding: 4px 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .openlab-navbar .search-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .openlab-navbar .search-form .form-control {
      width: 260px;
      height: 30px;
      display: inline-block;
      background: #fff;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }

.openlab-nav {
  margin-bottom: 0;
  padding-left: 0;
  float: left; }
  .openlab-nav .active a {
    color: #fff; }
  .openlab-nav li {
    position: relative;
    display: inline-block;
    padding: 5px 20px 5px 0;
    font-weight: 500; }
    .openlab-nav li a {
      color: #fff; }
    .openlab-nav li a:hover,
    .openlab-nav li a:focus {
      color: #fff;
      text-decoration: none; }
    .openlab-nav li:hover i {
      color: #fff; }
  .openlab-nav i {
    font-size: 18px;
    top: 4px;
    color: #C5D9F2;
    padding-right: 4px; }
    .openlab-nav .active i {
    color: #fff; }

.openlab-breadcrumb {
  border-top: solid 2px #BBB;
  color: #787878;
  font-weight: bolder;
  background: #ECECEC; }
  .openlab-breadcrumb .breadcrumb {
    margin-bottom: 2px;
    background-color: #ECECEC;
    border-radius: 0; }
    .openlab-breadcrumb .breadcrumb > li + li:before {
      content: "\00BB"; }

.openlab-masthead {
  padding-top: 10px;
  background-color: #f6f7f9; }
  .openlab-masthead .logo {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0; }
  .openlab-masthead .openlab-slogan {
    margin-top: 10px; }

.header-profile {
  float: right;
  padding: 5px 0 0 15px; }
  .header-profile .profile-nav {
    position: relative;
    font-size: 14px;
    display: inline-block;
    line-height: 60px;
    margin: 0;
    padding-right: 10px; }
  .header-profile .profile-picture {
    border: 2px solid rgba(255, 255, 255, 0.5);
    width: 64px;
    height: 64px;
    display: inline-block;
    vertical-align: middle; }
    .header-profile .profile-picture img {
      width: 64px;
      height: auto; }

.openlab-main {
  margin-top: 2px; }


.modhd {
  border-top: solid 2px #BBB;
  vertical-align: middle;
  color: #787878;
  font-weight: bolder;
  margin: 4px 0;
  padding: 3px 0 3px 8px;
  position: relative;
  z-index: 2;
  background: #ECECEC; }
  .modhd.blue {
    border-top: solid 2px #97bae4;
    background: #E6EEF9; }

.modContent {
  padding-left: 8px;
  padding-right: 4px;
  padding-bottom: 2px; }
  .modContent.blue {
    background: #E5EEF9; }

/* ==========================================================================
   Layouts - Styles for specific admin screen layouts, grouped by screen.
   ========================================================================== */
.topic-activity {
  padding: 10px 4px;
  border-bottom: 1px solid #BBB; }
  .topic-activity img.avatar {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    margin-left: 0;
    box-shadow: none;
    float: left; }
  .topic-activity .topic-info {
    display: block;
    margin-top: 4px;
    color: #777;
    font-size: 12px; }
    .topic-activity .topic-info i {
      font-size: 11px; }
  .topic-activity .topic-main {
    margin-left: 52px; }

.home-main {
  padding-right: 0; }

.form-signin, .form-signup {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto; }
  .form-signin .checkbox, .form-signup .checkbox {
    font-weight: normal; }
  .form-signin .form-control, .form-signup .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px; }
    .form-signin .form-control:focus, .form-signup .form-control:focus {
      z-index: 2; }
  .form-signin .form-heading,
  .form-signin .checkbox, .form-signup .form-heading,
  .form-signup .checkbox {
    margin-bottom: 10px; }

.form-signup {
  max-width: 450px; }


.code-content {
    display: none;
    clear: both;
    width: 155px;
    position: fixed;
    bottom: 10px;
    background-color: #fff;
    right: 0;
    font-size: 12px;
    color: #666666;
    z-index: 2;
}
.code-title {
    margin-top: 8px;
}
.code-title, .code-footer {
    margin-left: 15px;
    line-height: 20px;
}
.code-title button.close {
    padding: 1px 6px;
    line-height: 16px;
}
.qrcode {
    margin: 5px 0 5px 0;
}

.qrcode img {
    width: 150px;
    height: 150px;
}